<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="src/assets/logo/logo.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="format-detection" content="telephone=yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,minimum-scale=1,initial-scale=1,maximum-scale=1,viewport-fit=cover"
    />
    <script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js" />
		<script>
			window.jWeixin = window.wx;
			delete window.wx;
		</script>
    <title>约饭派手机系统</title>
    <script
      charset="utf-8"
      src="https://map.qq.com/api/gljs?v=1.exp&&libraries=service&key=PF3BZ-NSVKJ-3Z6FL-XJEAH-LIFB3-FZBQY"
    ></script>
    <script
      charset="utf-8"
      src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"
    ></script>
    <script
      type="text/javascript"
      src="https://webapi.amap.com/maps?v=1.4.15&key=PF3BZ-NSVKJ-3Z6FL-XJEAH-LIFB3-FZBQY&plugin=AMap.Geocoder"
    ></script>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
  </body>
</html>
<style>
  /* 把我们所有标签的内外边距清零 */
  * {
    margin: 0;
    padding: 0;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  /* 移除聚焦元素的轮廓线 */
  *:focus {
    outline: none;
  }
  html,
  body {
    /* CSS3 抗锯齿形 让文字显示的更加清晰 */
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #000;
  }
  input,
  button {
    border: none;
  }
  html,
  body,
  #app {
    height: 100%;
    background-color: #f5f5f5;
    margin: 0px;
    padding: 0px;
    font-size: 16px;
  }

  div {
    font-family: 'pingFang';
    /* font-weight: 600; */
    box-sizing: border-box;
  }
  tr,
  th,
  td,
  text {
    margin: 0;
    padding: 0;
  }
  div::before,
  div::after {
    box-sizing: border-box;
  }
  /* em 和 i 斜体的文字不倾斜 */
  /* em,
  i {
    font-style: normal;
  } */
  /* 去掉li 的小圆点 */
  ul,
  ol {
    list-style: none;
  }

  img {
    /* border 0 照顾低版本浏览器 如果 图片外面包含了链接会有边框的问题 */
    border: 0;
    /* 取消图片底侧有空白缝隙的问题 */
    vertical-align: middle;
  }

  button {
    /* 当我们鼠标经过button 按钮的时候，鼠标变成小手 */
    cursor: pointer;
  }

  a {
    color: #409eff;
    text-decoration: none;
  }

  a:hover {
    color: #c81623;
  }

  button,
  input {
    /* "\5B8B\4F53" 就是宋体的意思 这样浏览器兼容性比较好 */
    font-family:
      Microsoft YaHei,
      Heiti SC,
      tahoma,
      arial,
      Hiragino Sans GB,
      '\5B8B\4F53',
      sans-serif;
  }

  .hide,
  .none {
    display: none;
  }
  /* 清除浮动 */
  .clearfix:after {
    visibility: hidden;
    clear: both;
    display: block;
    content: '.';
    height: 0;
  }
  /* 会报错
.clearfix {
    *zoom: 1
} */
</style>
